'use client';
import React from "react";
import styles from "./page.module.css";
import Image from "next/image";

const Footer = () => {
    return (
        <div className={styles.container}>
            <p className={styles.copyright}>
                &copy; 2025 fuckerfucker.org
            </p>
            <div className={styles.social}>
                <div className={styles.text}>
                    <p>
                        联系我们
                    </p>
                </div>
                <Image src="/1.png" width={15} height={15} className={styles.icon} alt="Facebook Account"
                    onClick={() => window.open('https://gitee.com/eeppee_admin')} />
                <Image src="/2.png" width={15} height={15} className={styles.icon} alt="Instagram Account"
                    onClick={() => window.open('https://gitee.com/eeppee_admin')} />
                <Image src="/3.png" width={15} height={15} className={styles.icon} alt="Twitter Account"
                    onClick={() => window.open('https://gitee.com/eeppee_admin')} />
                <Image src="/4.png" width={15} height={15} className={styles.icon} alt="YouTube Account"
                    onClick={() => window.open('https://gitee.com/eeppee_admin')} />
                <Image src="/5.png" width={15} height={15} className={styles.icon} alt="GitHub Account"
                    onClick={() => window.open('https://gitee.com/eeppee_admin')} />
                <Image src="https://gitee.com/favicon.ico" width={15} height={15} className={styles.icon} alt="Gitee Account"
                    onClick={() => window.open('https://gitee.com/eeppee_admin')} />
            </div>
        </div>
    )
}

export default Footer;